<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<html>
<c:set value="${pageContext.request.contextPath}" var="ctx" />
<head>

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />

<link rel="stylesheet" href="${ctx}/static/aceCss/bootstrap.css" />
<link rel="stylesheet" href="${ctx}/static/aceCss/font-awesome.css" />
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" href="${ctx}/static/aceCss/ace-fonts.css" />
<link rel="stylesheet" href="${ctx}/static/aceCss/ace.css" class="ace-main-stylesheet" id="main-ace-style" />
<link rel="stylesheet" href="${ctx}/static/aceCss/ace-skins.css" />
<link rel="stylesheet" href="${ctx}/static/aceCss/ace-rtl.css" />
<link rel="stylesheet" href="${ctx}/static/aceCss/ace.onpage-help.css" />
<link rel="stylesheet" href="${ctx}/static/aceCss/sunburst.css" />
<script src="${ctx}/static/aceJs/jquery.js"></script>
<script src="${ctx}/static/aceJs/bootstrap.js"></script>
<script src="${ctx}/static/aceJs/ace.js"></script>
</head>
<body>
			<div id="sidebar" class="sidebar  responsive  ace-save-state">

				<div class="sidebar-shortcuts" id="sidebar-shortcuts">
					<div class="sidebar-shortcuts-large" id="sidebar-shortcuts-large">
						<button class="btn btn-success">
							<i class="ace-icon fa fa-signal"></i>
						</button>

						<button class="btn btn-info">
							<i class="ace-icon fa fa-pencil"></i>
						</button>

						<button class="btn btn-warning">
							<i class="ace-icon fa fa-users"></i>
						</button>

						<button class="btn btn-danger">
							<i class="ace-icon fa fa-cogs"></i>
						</button>
					</div>

					<div class="sidebar-shortcuts-mini" id="sidebar-shortcuts-mini">
						<span class="btn btn-success"></span> <span class="btn btn-info"></span> <span class="btn btn-warning"></span> <span class="btn btn-danger"></span>
					</div>
				</div>

				<ul class="nav nav-list">
					<c:forEach items="${menuMsg}" var="info">
						<li class="downMenu"><a href="#" class="dropdown-toggle" id=${info.id }> <i class="${info.styleclass}"></i> <span class="menu-text">
									${info.name }</span> <b class="arrow fa fa-angle-down"></b>
						</a> <b class="arrow"></b>
							<ul class="submenu">
								<c:forEach items="${level1 }" var="l1">
									<c:if test="${info.id eq l1.pid }">
										<li class=""><a href="${ctx}${l1.url }" class="dropdown-toggle"> <i class="menu-icon fa fa-caret-right"></i>${l1.name } <b
												class="arrow fa fa-angle-down"></b>
										</a> <b class="arrow"></b>
											<ul class="submenu">
												<c:forEach items="${level2 }" var="l2">
													<c:if test="${l1.id eq l2.pid }">
														<li class=""><a href="${ctx}${l2.url }" <i class=""></i>${l2.name } <b
															class="arrow fa fa-angle-down"></b></a> <b
															class="arrow"></b></li>
													</c:if>
												</c:forEach>
											</ul></li>
									</c:if>
								</c:forEach>
							</ul></li>
					</c:forEach>
				</ul>
				<div class="sidebar-toggle sidebar-collapse" id="sidebar-collapse">
					<i id="sidebar-toggle-icon" class="ace-icon fa fa-angle-double-left ace-save-state" data-icon1="ace-icon fa fa-angle-double-left"
						data-icon2="ace-icon fa fa-angle-double-right"></i>
				</div>
			</div>
	<!-- <script type="text/javascript">
		$(function() {
			$.ajax({
				type : "post",
				dataType : "json",
				url : '${ctx}/a/menu',
				success : function(data) {
					alert(data);
				}
			});
		}) 
	</script> -->
</body>
</html>
